form {
  color: rgb(104, 106, 100);
  font-size: 15px;
  width: 420px;
  position: absolute;
  top: 50%;
  left: 50%;
  padding: 40px;
  transform: translate(-50%, -50%);
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); // 活动名称
  .acti-name {
    span {
      margin-right: 10px;
    }
    input {
      border: 1px solid rgb(214, 216, 222);
      box-sizing: border-box;
      width: 340px;
      height: 32px;
      border-radius: 4px;
      text-indent: 4px;
    }
  }

  // 城市
  .acti-city {
    margin: 20px 0 0 30px;
    span {
      margin-right: 10px;
    }
    select {
      width: 340px;
      height: 32px;
      border: 1px solid rgb(214, 216, 222);
      border-radius: 4px;
    }
    select:focus {
      outline: none;
      border: 1px solid rgb(101, 176, 255);
    }
  }
  // 日期
  .acti-date {
    margin: 20px 0 0 30px;
    span {
      margin-right: 6px;
    }
    i {
      padding: 0 8px;
    }
    input {
      width: 148px;
      height: 32px;
      border: 1px solid rgb(214, 216, 222);
      border-radius: 4px;
    }
    input:focus {
      outline: none;
      border: 1px solid rgb(101, 176, 255);
    }
  }
  // 联系电话
  .acti-mobile {
    margin: 20px 0 0 0;
    span {
      margin-right: 6px;
    }
    input {
      width: 336px;
      height: 32px;
      border: 1px solid rgb(214, 216, 222);
      border-radius: 4px;
    }
    input:focus {
      outline: none;
      border: 1px solid rgb(101, 176, 255);
    }
  }
  // sitch开关
  .acti-switch {
    margin: 20px 0 0 0;
    display: flex;
    align-items: center;
    span {
      margin-right: 12px;
    }
    .isShow {
      width: 45px;
      height: 20px;
      border-radius: 10px;
      background-color: rgb(64, 158, 255);
      position: relative;
      div {
        position: absolute;
        width: 16px;
        height: 16px;
        top: 2px;
        right: 4px;
        border-radius: 50%;
        background-color: #fff;
      }
    }
    .isShow2 {
      width: 45px;
      height: 20px;
      border-radius: 10px;
      background-color: rgb(220, 223, 230);

      position: relative;
      div {
        position: absolute;
        width: 16px;
        height: 16px;
        top: 2px;
        left: 4px;
        border-radius: 50%;
        background-color: #fff;
      }
    }
  }

  // 活动类型
  .acti-type {
    margin: 20px 0 0 0;
    display: flex;
    span {
      margin-right: 8px;
    }
  }
  // 目前职业
  .acti-occupation {
    margin: 20px 0 0 0;
    span {
      margin-right: 6px;
    }
    input {
      width: 336px;
      height: 32px;
      border: 1px solid rgb(214, 216, 222);
      border-radius: 4px;
    }
    input:focus {
      outline: none;
      border: 1px solid rgb(101, 176, 255);
    }
  }
  // 活动赞助商
  .acti-sponsor {
    margin: 20px 0 0 0;
    span {
      margin: 0 2px 0 -16px;
    }
    label:nth-child(1) {
      margin-right: 16px;
      color: red;
    }
  }
  // 描述
  .acti-describe {
    margin: 20px 0 0 0;
    display: flex;
    div {
      margin: 0 10px 0 28px;
    }
    textarea {
      width: 340px;
      border: 1px solid rgb(214, 216, 222);
      resize: none;
    }
    textarea:focus {
      outline: none;
      border: 1px solid rgb(101, 176, 255);
    }
  }
  .btn-add {
    margin: 20px 0 0 0;
    div {
      margin-left: 67px;
      button {
        border: none;
        width: 60px;
        height: 30px;
        border-radius: 4px;
      }
      button:nth-child(1) {
        background-color: rgb(64, 153, 244);
        color: #fff;
      }
      button:nth-child(2) {
        background-color: rgb(244, 244, 244);
        color: rgb(99, 101, 105);
        border: 1px solid rgb(213, 216, 221);
        margin: 0 0 0 16px;
      }
    }
  }
}
